<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="utf-8">-->
<!--    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<!--    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />-->
<!--    <meta name="renderer" content="webkit|ie-comp|ie-stand">-->
<!--    <meta name="description" content="" />-->
<!--    <title>欢迎来到"志同道合"创业团队线上整合系统</title>-->
<!--    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">-->
<!--    <link href="css/css.css" rel="stylesheet" type="text/css">-->
<!--    <link href="css/Animation.css" rel="stylesheet" type="text/css">-->
<!--    <link href="css/slider.css" rel="stylesheet" type="text/css">-->
<!--    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>-->
<!--    <script src="js/common.js" type="text/javascript"></script>-->
<!--    <script src="js/slider.js" type="text/javascript"></script>-->
<!--    <script src="js/html5.js" type="text/javascript"></script>-->
<!--    <script src="js/jquery.js" type="text/javascript"></script>-->
<!--    <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>-->
<!--    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>-->
<!--    <script src="js/bootstrap.min.js" type="text/javascript"></script>-->
<!--    <script src="js/wow.min.js" type="text/javascript"></script>-->
<!--    <link rel="stylesheet" type="text/css" href="css/style.css" />-->
<!--    <script type="text/javascript">-->
<!--        var wow = new WOW({-->
<!--            boxClass: 'wow',-->
<!--            animateClass: 'animated',-->
<!--            offset: 0,-->
<!--            mobile: false,-->
<!--            live: true-->
<!--        });-->
<!--        wow.init();-->

<!--        $('.sbmt_btn').on('click',function(event){-->
<!--            event.preventDefault();-->

<!--            if ($('#email').val().trim().length < 1) {-->
<!--                layer.msg('请选择或填写邮箱！');-->
<!--                $('#email').focus();-->
<!--                return;-->
<!--            }-->
<!--            var reg1 = /^[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/;-->
<!--            var input1 = $('#email').val();-->
<!--            if(!reg1.test(input1)){-->
<!--                layer.msg('邮箱格式错误，请输入正确邮箱');-->
<!--                return;-->
<!--            }-->

<!--            if ($('#mima').val().trim().length < 1) {-->
<!--                layer.msg('请填写密码！');-->
<!--                $('#mima').focus();-->
<!--                return;-->
<!--            }-->
<!--            var pass = /^[a-zA-Z]\w{5,17}$/;-->
<!--            var input2 = $('#mima').val();-->
<!--            if(!pass.test(input2)){-->
<!--                layer.msg('密码长度要在6~18位之间,且必须以字母开头！')-->
<!--                return;-->

<!--            }-->
<!--            if ($('#twomima').val().trim().length < 1) {-->
<!--                layer.msg('请填写确认密码！');-->
<!--                $('#twomima').focus();-->
<!--                return;-->
<!--            }-->

<!--            if (($('#twomima').val().trim())!=($('#mima').val().trim())) {-->
<!--                layer.msg('两次密码填写不一致！');-->
<!--                $('#twomima').focus();-->
<!--                return;-->
<!--            }-->

<!--            $.post('/api/register', $('#form_reg').serialize(), function(res) {-->
<!--                if(res.code == 200){-->
<!--                    setTimeout(function(){-->
<!--                        location.reload();-->
<!--                    },2000);-->
<!--                    layer.msg('注册成功!')-->
<!--                }else{-->
<!--                    //$('.error-message').text(res.message);-->
<!--                    layer.msg(res.message)-->
<!--                }-->

<!--            })-->

<!--        })-->
<!--    </script>-->
<!--    <style type="text/css">-->
<!--        *{-->
<!--            margin: 0px;-->
<!--            padding: 0px;-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--&lt;!&ndash;索引&ndash;&gt;-->
<!--<header class="navbar-fixed-top headerbg">-->
<!--    <div class="container-fluid">-->
<!--        <div class="logo"><h3><a href="1.html"><span style="font-size: 30px;">注册-朋心合力平台</span></a></h3></div>-->
<!--        <div class="navBox hidden-xs hidden-sm">-->
<!--            <ul class="navList list-unstyled">-->
<!--                <li class="navLi">-->
<!--                    <h3><a href="1.html"><span>首页</span></a></h3>-->
<!--                </li>-->
<!--                <li class="navLi">-->
<!--                    <h3><a href="publish.html"><span>项目发布</span></a></h3>-->
<!--                </li>-->
<!--                <li class="navLi">-->
<!--                    <h3><a href="2.html"><span>权限管理</span></a></h3>-->
<!--                </li>-->
<!--                <li class="navLi">-->
<!--                    <h3><a href="3.html"><span>项目广场</span></a></h3>-->
<!--                    <div class="navSub">-->
<!--                        <ul class="navSubList list-unstyled">-->
<!--                            <li class="navSubLi">-->
<!--                                <h4><a href="1.html">● 寻找合伙人</a></h4>-->
<!--                            </li>-->
<!--                            <li class="navSubLi">-->
<!--                                <h4><a href="2.html">● 寻找项目</a></h4>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li class="navLi">-->
<!--                    <h3><a href="1.html"><span>我的项目</span></a></h3>-->
<!--                </li>-->
<!--            </ul >-->
<!--        </div>-->
<!--    </div>-->
<!--</header>-->
<!--&lt;!&ndash;轮播动画&ndash;&gt;-->
<!--<div class="banner" style="width: 100%;height:800px ;">-->
<!--    <div class="container relative hidden-sm clearfix">-->
<!--        <div class="banner_list_style clearfix relative">-->
<!--            <section class="wrap overflow" style="margin-top:140px;">-->
<!--                <form action="/registerUser" style="margin-top: 10px;margin-left: -10px;">-->
<!--                    <dl class="login_form">-->
<!--                        <dt style="color: skyblue;">用户注册</dt>-->
<!--                        <dd>-->
<!--                            <span th:text="${error}" style="color: red"></span>-->
<!--                        </dd>-->
<!--                        <dd class="username_icon"><input type="text" placeholder="请输入用户名" class="text_box" required="required" name="username" id="yonghuming"/></dd>-->
<!--                        <dd class="password_icon"><input type="text" placeholder="请输入密码" class="text_box" required="required" name="password" id="mima"/></dd>-->
<!--                        <dd class="password_icon"><input type="text" placeholder="请密码确认" class="text_box" required="required"  id="twomima"/></dd>-->
<!--                        <dd class="username_icon"><input type="text" placeholder="昵称" class="text_box" required="required" name="personalName" id="nicheng"></dd>-->
<!--                        &lt;!&ndash;					  <dd class="email_icon"><input type="email" placeholder="请输入邮箱地址" class="text_box" required="required" name="email" id="email"/></dd>&ndash;&gt;-->
<!--                        <dd><input type="submit" value="免费注册" class="sbmt_btn"/></dd>-->
<!--                        <dd class="overflow" style="border:none;">-->
<!--                            <a href="login.html" class="fr" style="color:#ff4400;">已有账号，立即登陆！</a>-->
<!--                        </dd>-->
<!--                    </dl>-->
<!--                </form>-->
<!--            </section>-->
<!--        </div>-->
<!--    </div>-->
<!--    &lt;!&ndash;飘着的那些动画&ndash;&gt;-->
<!--    <div class="sky">-->
<!--        <div class="clouds_one"></div>-->
<!--        <div class="clouds_two"></div>-->
<!--        <div class="clouds_three"></div>-->
<!--    </div>-->
<!--</div>-->

<!--&lt;!&ndash;底部样式&ndash;&gt;-->
<!--<footer class="footerBg">-->
<!--    <div class="container">-->
<!--        <div class="ptb40">-->
<!--            <div class="footTopL">-->
<!--                <dl class="clearfix" style="width: 400px; margin-left: 60px;">-->
<!--                    <dt>关于我们</dt>-->
<!--                    <dd><a href="#">联系地址</a></dd>-->
<!--                    <dd><a href="#">荣誉资质</a></dd>-->
<!--                    <dd><a href="#">加入我们</a></dd>-->
<!--                    <dd><a href="#">意见及建议</a></dd>-->
<!--                </dl>-->
<!--                <dl class="clearfix" style="width: 400px; margin-left: 80px;">-->
<!--                    <dt >系统团队</dt>-->
<!--                    <dd><a href="#">林某</a></dd>-->
<!--                    <dd><a href="#">李某</a></dd>-->
<!--                    <dd><a href="#">蔡某</a></dd>-->
<!--                    <dd><a href="#">周某</a></dd>-->
<!--                </dl>-->
<!--                <dl class="clearfix" style="width: 400px; margin-left: 100px;">-->
<!--                    <dt>培训中心</dt>-->
<!--                    <dd><a href="#">java类培训</a></dd>-->
<!--                    <dd><a href="#">c/c++类培训</a></dd>-->
<!--                    <dd><a href="#">Python类培训</a></dd>-->
<!--                    <dd><a href="#">go语言类培训</a></dd>-->
<!--                </dl>-->
<!--                <dl class="clearfix" style="width: 400px; margin-left: 80px;">-->
<!--                    <dt>权限介绍</dt>-->
<!--                    <dd><a href="#">队长权限</a></dd>-->
<!--                    <dd><a href="#">队员权限</a></dd>-->
<!--                    <dd><a href="#">惩罚机制</a></dd>-->
<!--                    <dd><a href="#">意见及建议</a></dd>-->
<!--                </dl>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="CopyRight">-->
<!--        <div class="container"><span class="footer_logo"><img src="images/footer_logo.png"></span><span class="CopyRight_name">朋心合力平台版权所有</span></div>-->
<!--    </div>-->
<!--</footer>-->
<!--</div>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="en"xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="description" content="" />
    <title>欢迎来到朋心合力平台</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/css.css" rel="stylesheet" type="text/css">
    <link href="css/Animation.css" rel="stylesheet" type="text/css">
    <link href="css/slider.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="#"/>
    <script src="js/html5.js" type="text/javascript"></script>
    <link href="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery2.js"></script>

    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
        .tishi{
            color: darkgrey;
            width: 500px;
            margin-top: 10px;
        }
        .info{
            color: red;
            font-size: 15px;
        }
    </style>
</head>
<body>
<!--索引-->
<header class="navbar-fixed-top headerbg">
    <div class="container-fluid">
        <div class="logo"><h3><span style="font-size: 30px;color: deepskyblue;">注册-朋心合力平台</span></h3></div>
        <div class="navBox hidden-xs hidden-sm">
            <ul class="navList list-unstyled">
                <li class="navLi">
                    <h3><a href="1.html"><span>首页</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="publish.html"><span>项目发布</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="2.html"><span>权限管理</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="3.html"><span>项目广场</span></a></h3>
                    <div class="navSub">
                        <ul class="navSubList list-unstyled">
                            <li class="navSubLi">
                                <h4><a href="1.html">● 寻找合伙人</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a href="2.html">● 寻找项目</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navLi">
                    <h3><a href="1.html"><span>我的项目</span></a></h3>
                </li>
            </ul >
        </div>
    </div>
</header>
<!--轮播动画-->
<div class="banner" style="width: 100%;height:920px ;">
    <div class="container" style="position: absolute;">
        <section  style="margin-top:10px;padding-right: 600px;position: relative;">
            <form action="/registerUser" style="margin-top: 10px;margin-left: -10px;"  method="post" name="postform">
                <dl class="login_form" style="width: 600px;">
                    <dt style="color: skyblue;padding-left: 222px;">用户注册</dt>
                    <dd>
                        <span th:if="${error} != null" th:text="${error}" style="color: red" id="errormsg"></span>
                    </dd>
                    <dd class="username_icon" style="width: 500px;"><input type="text" placeholder="请输入用户名" class="text_box"  name="userName" id="yonghuming" style="width: 300px;"/>
                        <span class="info" id="erryonghuming" style="padding-left: 10px;width: 100px;"></span>
                    </dd>
                    <div  class="tishi">用户名正则，4到16位（字母，数字，下划线，减号)</div>
                    <!--/^[a-zA-Z0-9_-]{4,16}$/-->
                    <dd class="password_icon" style="width: 500px;"><input type="password" placeholder="请输入密码" class="text_box"  name="passWord" id="mima" style="width: 300px;"/>
                        <span class="info" id="errmima" style="padding-left: 10px;width: 100px;" ></span>
                    </dd>
                    <div  class="tishi">最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符</div>
                    <!--/^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/-->
                    <dd class="twopassword_icon" style="width: 500px;"><input type="password" placeholder="请密码确认" class="text_box"  name="twomima" id="twomima" style="width: 300px;"/>
                        <span class="info" id="err_twomima" style="padding-left: 10px;width: 100px;"></span>
                    </dd>
                    <div  class="tishi">两次密码必须一致</div>
                    <dd class="nicheng_icon" style="width: 500px;"><input type="text" placeholder="昵称" class="text_box"  name="personalName" id="nicheng" style="width: 300px;"/>
                        <span class="info" id="errnicheng" style="padding-left: 10px;width: 100px;"></span>
                    </dd>
                    <div  class="tishi">限16个字符，支持中英文、数字、减号或下划线</div>
                    <!--/^[\\u4e00-\\u9fa5_a-zA-Z0-9-]{1,16}$/-->
                    <dd class="email_icon" style="width: 500px;"><input type="email" placeholder="请输入邮箱地址" class="text_box"  name="email" id="email" style="width: 300px;"/>
                        <span class="info" id="erremail" style="padding-left: 10px;width: 100px;"></span>
                    </dd>
                    <div  class="tishi">请输入正确的邮箱地址</div>
                    <!--/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/-->
                    <dd><input type="button" value="免费注册" class="sbmt_btn" id="btn01" onclick="aaa()"/></dd>
                    <dd class="overflow" style="border:none;">
                        <a href="login.html" class="fr" style="color:#ff4400;padding-left: 222px;">已有账号，立即登陆！</a>
                    </dd>
                </dl>
            </form>
            <script type="text/javascript">
                $('.sbmt_btn').click(function(){
                    var yonghuming= $.trim($('#yonghuming').val());
                    var reqyonghuming=/^[a-zA-Z0-9_-]{4,16}$/;
                    if(!reqyonghuming.test(yonghuming)){
                        $('#erryonghuming').text('你输入的用户名格式错误!')
                        return false;
                    }else{
                        $('#erryonghuming').text('')
                        /*button.SUBMIT('login.html');*/
                    }
                    var mima=$.trim($('#mima').val());
                    var remima=/^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
                    if(!remima.test(mima)){
                        $('#errmima').text('你输入的密码格式错误!')
                        return false;
                    }else{
                        $('#errmima').text('')
                    }
                    var twomima = $.trim($('#twomima').val());
                    if (mima != twomima) {
                        $('#err_twomima').text('两次密码不一致!');
                        return false;
                    } else{
                        $('#err_twomima').text('');
                    }
                    var nicheng=$.trim($('#nicheng').val());
                    var renicheng=/^[\\u4e00-\\u9fa5_a-zA-Z0-9-]{1,16}$/;
                    if(!renicheng.test(nicheng)){
                        $('#errnicheng').text('你输入的昵称格式错误!')
                        return false;
                    }else{
                        $('#errnicheng').text('')
                    }
                    var email=$.trim($('#email').val());
                    var reemail=/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                    if(!reemail.test(email)){
                        $('#erremail').text('你输入的邮箱格式错误!')
                        return false;
                    }else{
                        $('#erremail').text('')
                        document.postform.submit();

                    }

                });
                function aaa() {
                    var cont = document.getElementById('errormsg');
                    if(cont.innerText != null) {
                        alert('注册成功');
                    }else {
                        alert('注册失败');
                    }
                }
            </script>
        </section>
    </div>
</div>
<!--底部样式-->
<footer class="footerBg">
    <div class="container">
        <div class="ptb40">
            <div class="footTopL">
                <dl class="clearfix" style="width: 400px; margin-left: 60px;">
                    <dt>关于我们</dt>
                    <dd><a href="#">联系地址</a></dd>
                    <dd><a href="#">荣誉资质</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                    <dt >系统团队</dt>
                    <dd><a href="#">林某</a></dd>
                    <dd><a href="#">李某</a></dd>
                    <dd><a href="#">蔡某</a></dd>
                    <dd><a href="#">周某</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 100px;">
                    <dt>培训中心</dt>
                    <dd><a href="#">java类培训</a></dd>
                    <dd><a href="#">c/c++类培训</a></dd>
                    <dd><a href="#">Python类培训</a></dd>
                    <dd><a href="#">go语言类培训</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                    <dt>权限介绍</dt>
                    <dd><a href="#">队长权限</a></dd>
                    <dd><a href="#">队员权限</a></dd>
                    <dd><a href="#">惩罚机制</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="CopyRight">
        <div class="container"><span class="footer_logo"><img src="images/footer_logo.png"></span><span class="CopyRight_name">朋心合力平台版权所有</span></div>
    </div>
</footer>
</div>
</body>
</html>